<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>蓝金融在线-登录</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome = 1">
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<link rel="stylesheet" type="text/css" href="newcss/page/reset.css" />
<link rel="stylesheet" href="newcss/layout/grid.css">
<link rel="stylesheet" href="newcss/helper/utils.css">
<link rel="stylesheet" href="newcss/layout/header.css">
<link rel="stylesheet" href="newcss/layout/footer.css">
<link rel="stylesheet" type="text/css" href="newcss/component/banner.css" />
<link rel="stylesheet" type="text/css" href="newcss/page/login-regist-common.css" />
<link rel="stylesheet" type="text/css" href="newcss/page/login.css" />
</head>
<body>
<!-- begin · header -->
<header class="unselectable bo-header">
<!-- begin · sub header -->
<div class="row clearfix minHeight-50 bo-sub-header">

  <a class="left bo-logo"></a>
  <span class="welcome">欢迎登录</span>

</div>
<!-- end · sub header -->

</header>
<!-- end · header -->
<div class="banner-wrapper"  id="banner-wrap">
	<div class="banner-wrap">
		<ul class="slideList">
			<li>
				<a lazyimg = "newimages/banner-temp-1.jpg" imgsrc = "newimages/banner-temp-1.jpg" target="_blank" href="javascript:void(0);" style="cursor:default" class="img"></a>
			</li>
		</ul>
	</div>
	<div class="login-box">
		<div class="login-container">
			<div class="login-title">蓝金融在线会员</div>
			<div class="form">
				<div class="item">
                    <label for="loginname" class="login-label"></label>
                    <input id="loginname" type="text" class="itxt" name="loginname" tabindex="1" autocomplete="off" placeholder="邮箱/用户名/已验证手机">
                </div>
				<div class="item item-pwd">
                    <label for="loginpwd" class="login-label"></label>
                    <input id="loginpwd" type="password" class="itxt" name="loginpwd" tabindex="2" autocomplete="off" placeholder="密码">
                </div>
                <div class="login-link">
                	<a href="" tabindex="3">忘记密码？</a>
                	<span><a href="" tabindex="4">免费注册</a></span>
                </div>
                <div class="login-btn"><a tabindex="5" href="javascript:void(0);">登 录</a></div>
			</div>
		</div>
	</div>
</div>
<!-- begin · footer -->
<footer class="unselectable bo-footer">
<div class="row relative">

  <ul class="absolute clearfix bo-ul-1">
    <li class="left no-padding-left">
      <a class="hover-link" href="#">关于蓝金融在线</a>
    </li>
    <li class="left">
      <a class="hover-link" href="#">关于蓝金融众筹</a>
    </li>
    <li class="left">
      <a class="hover-link" href="#">关于蓝金融钱包</a>
    </li>
    <li class="left">
      <a class="hover-link" href="#">联系我们</a>
    </li>
    <li class="hover-link left no-padding-right no-border">
      <a class="hover-link" href="#">免责声明</a>
    </li>
  </ul>

  <ul class="absolute clearfix bo-ul-2">
    <li class="left no-padding-left bo-li-contact-us relative">
      联系我们
      <span class="absolute">(9:00 - 22:00)</span>
    </li>
    <li class="left">
      <a class="hover-link bo-online-customer-service" href="#">在线客服</a>
    </li>
    <li class="left no-padding-right no-border">
      <a class="hover-link bo-mail-customer-service" href="mailto:blue-online@superwhale.cn">客服邮箱</a>
    </li>
  </ul>

  <ul class="absolute clearfix bo-ul-3">
    <li class="left no-padding-left">Copyright © 2004-2015 蓝金融在线.com 版权所有</li>
    <li class="left no-padding-right no-border">投资有风险，购买需谨慎</li>
  </ul>

  <ul class="absolute clearfix bo-ul-4">
    <li class="no-padding-left left no-border">
      <a class="hover-link relative" href="tel:400 098 8511">
        400 098 8511
        <span class="absolute">（个人业务）</span>
      </a>
    </li>
    <li class="hover-link left no-border  no-padding-right">
      <a class="hover-link relative" href="tel:400 098 8511">
        400 098 8511
        <span class="absolute">（个人业务）</span>
      </a>
    </li>
  </ul>

</div>
</footer>
<!-- end · footer -->
<script src="newjs/jquery.js"></script>
<script src="newjs/fullscreen.js"></script>
<script>
//全屏轮播
ECar.fullSlide({'ele':'banner-wrap','showmarkers':true,'showcontrols':false,'autoplay':true,'animspeed':'7000'});
$(".login-btn").click(function() {
	var loginname = $("#loginname").val(),
	loginpwd = $("#loginpwd").val();
	if(loginname.trim()=="" || loginname == "邮箱/用户名/已验证手机"){
		alert("登录名不能为空！");
		return;
	}
	if(loginpwd.trim()=="" || loginpwd == "密码"){
		alert("密码不能为空！");
		return;
	}
	$.ajax({
		url:"/product/login.htm",
		type:'POST',
		dataType: 'html',
		data:{
			loginname : loginname,
			loginpwd : loginpwd
		},
		success:function(response){
			if(response != ""){
				alert('success')
			}
		},
		error:function(){

		}
	});
});
</script>
<!--[if lte IE 9]>
<script type="text/javascript" src="js/placeholder.js" ></script>
<![endif]-->
</body>
</html>
